﻿<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Gadget Template Flyout</title>
    <link rel="stylesheet" href="styles/default.css" type="text/css" />
    <script language="javascript" type="text/javascript" src="script/MicrosoftAjax.js"></script>
    <script language="javascript" type="text/javascript" src="script/PreviewScript.js"></script>
    <script language="javascript" type="text/javascript" src="script/PreviewGlitz.debug.js"></script>
    <script language="javascript" type="text/javascript" src="script/proxy.js"></script>
    <script language="javascript" type="text/javascript" src="script/flyout.js"></script>
</head>
    
<body class="flyoutSkin">
    <div id="divGettingData" class="loadingFlyout" style="display: block">
        <div><img src="images/spinner.gif" /> <strong>loading</strong>...</div>
    </div>
    <div id="divMain" style="display: block">
    	<div id="closeContainer">
    		<input id="btnCloseFlyout" type="image" src="images/closebutton.png" onmousedown="javascript:btnCloseFlyout_Click();" title="Close"></input>
    	</div>
    	
    	<div id="changeFontContainer">
    		<input id="btnChangeFont" type="image" src="images/changefont.png" onmousedown="javascript:return false;" title="Change Font"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    	</div>
		
        <!-- Element for paged ListView (container) -->
        <div id="dataContainer">
	        <div id="lvData">
	        </div>
        </div>
        <!-- Templates -->
        <div style="visibility: hidden; display: none">
            <table id="myList_layoutTemplate" style="width: 475px;" cellspacing="0">
                <thead>
                    <tr>
                        <td>
                            <span>Primary Destination</span></td>
                        <td>
                            <span>County</span></td>
                        <td>
                            <span>Begin Date</span></td>
                        <td>
                            <span>End Date</span></td>
                         <td>
                            <span>Max Lodging</span></td>
                         <td>
                            <span>M&IE Rate</span></td>
                         <td>
                            <span>Max Per Diem Rate</span></td>
                    </tr>
                </thead>
                <!-- Repeat Template -->
                <tbody id="myList_itemTemplateParent">
                    <!-- Repeat Item Template -->
                    <tr id="myList_itemTemplate">
                        <td>
                            <span id="lblDestination"></span>
                        </td>
                        <td>
                            <span id="lblCounty"></span>
                        </td>
                        <td>
                            <span id="lblBeginDate"></span>
                        </td>
                        <td>
                            <span id="lblEndDate"></span>
                        </td>
                        <td>
                            <span id="lblLodging"></span>
                        </td>
                        <td>
                            <span id="lblMIE"></span>
                        </td>
                        <td>
                            <span id="lblTotal"></span>
                        </td>
                    </tr>
                </tbody>
            </table>
            <!-- Empty Template -->
            <div id="myList_emptyTemplate">
                </div>
        </div>
    </div>

    <script type="text/xml-script">
    <page xmlns="http://schemas.microsoft.com/xml-script/2005">
        <components>
            <application load="Page_Load" />        
            <listView id="lvData" itemTemplateParentElementId="myList_itemTemplateParent" 
            	itemCssClass="lightRow"
            	alternatingItemCssClass="darkRow" 
                renderComplete="lvData_RenderComplete">
                <layoutTemplate>
                    <template layoutElement="myList_layoutTemplate"/>
                </layoutTemplate>
                <itemTemplate>
                    <template layoutElement="myList_itemTemplate">
                        <label id="lblDestination">
                            <bindings>
                                <binding dataPath="Destination" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblCounty">
                            <bindings>
                                <binding dataPath="County" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblBeginDate">
                            <bindings>
                                <binding dataPath="BeginDate" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblEndDate">
                            <bindings>
                                <binding dataPath="EndDate" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblLodging">
                            <bindings>
                                <binding dataPath="Lodging" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblMIE">
                            <bindings>
                                <binding dataPath="MIE" property="text"/>
                            </bindings>
                        </label>
                        <label id="lblTotal">
                            <bindings>
                                <binding dataPath="Total" property="text"/>
                            </bindings>
                        </label>
                    </template>
                </itemTemplate>
                <emptyTemplate>
                    <template layoutElement="myList_emptyTemplate"/>
                </emptyTemplate>
            </listView>
        </components>
    </page>
    </script>
    <!--button id="btnCloseFlyout" click="btnCloseFlyout_Click" /-->
</body>
</html>
